<template>
	<view class="uni_box home">
		<navbar title='关于我们' :yin="false">
		</navbar>
		<view class="content">
			<view class="xinxi">
				<view class="uone">
					<view class="ushuru" @click="xieyi(1)">
						<text class="lval">用户协议</text>
						<image class="ricons ml" src="/static/mine/ricons.png" />
					</view>
				</view>
				<view class="uone">
					<view class="ushuru" @click="xieyi(2)">
						<text class="lval">隐私保护声明</text>
						<image class="ricons ml" src="/static/mine/ricons.png" />
					</view>
				</view>
				<!-- <view class="uone">
					<view class="ushuru">
						<text class="lval">CPS营销协议</text>
						<image class="ricons ml" src="/static/mine/ricons.png" />
					</view>
				</view>
				<view class="uone">
					<view class="ushuru">
						<text class="lval">软件著作证书</text>
						<image class="ricons ml" src="/static/mine/ricons.png" />
					</view>
				</view> -->
			</view>
	</view>
</view>
</template>

<script>
// import Adresspop from "@/components/Adresspop/Adresspop";
import {
		baseUrl
	} from '@/utils/config.js';
import { h } from "vue";
	export default {
		components:{
			// Adresspop
		},
		data() {
			return {
				value:'',
				wang:'',
				bshow:false,
				blist:[
					{
						value: '1',
						label: '江'
					},
					{
						value: '2',
						label: '湖'
					}
				],
				mineinfo:{
					profile:{
						avatar:'',
						email:''
					}
				},
				passwd:'',
				passwd_confirmation:'',
				code:'',

				timer: null,
				time: 60,
				isTimer: false,
				headimg:'',
				head_portrait:'',//传给接口

				yhshow:false,
				sjshow:false,
				psdshow:false,
				info:{},
				user:{
					phone:''
				},
				dishow:false,
				diinfo:"",
				newdiinfo:{},
				pop:{
					phone:'',
					code:'',
					nickname:'',
					password:'',
					confirm_password:''
				}
			}
		},
		onLoad() {
			// this.getuserinfo()
			
		},
		onShow() {
		},
		methods: {
			xieyi(e){
				if(e == 1){
					//用户协议
					this.navrouter("/pages/TPage/Xieyi?type=yonghuxieyi");
				}else if(e == 2){
					//隐私协议
					this.navrouter("/pages/TPage/Xieyi?type=yinsixieyi");
				}
			},

		}
	}
</script>

<style lang="scss" scoped>
	page{
		background-color: #F5F5F5;
	}
	.chongji{
		width: 38rpx;
		height: 36rpx;
	}
	.content{
		background-color: #F5F5F5;
		padding: 30rpx 30rpx;
		min-height: 100vh;
		.xinxi{
			background: #FFFFFF;
			border-radius: 30rpx;
			padding: 0 30rpx;
			margin-bottom: 20rpx;
		}
		.mpone{
			display: flex;
			flex-direction: row;
			align-items: center;
			padding: 35rpx 0;
			border-bottom: 1rpx solid #EEEEEE;

			.touview{
				width: 100rpx;
				height: 100rpx;
				border-radius: 50%;
				margin-right: 30rpx;
				position: relative;
				display: flex;
				align-items: center;
				justify-content: center;
			}
			.tou2{
				width: 120rpx;
				height: 120rpx;
				border-radius: 50%;
				position: absolute;
			}
			.xj{
				position: relative;
				z-index: 1;
				width: 42rpx;
				height: 38rpx;
			}
			.mpright{
				flex: 1;
				display: flex;
				flex-direction: column;
				padding-left: 50rpx;
				.xiugai{
					font-family: PingFang SC;
					font-weight: 400;
					font-size: 30rpx;
					color: #c0c4cc;
					display: block;
					text-align: right;
				}
				.yxname{
					font-family: Source Han Sans CN;
					font-weight: bold;
					font-size: 24rpx;
					color: #000000;
				}
				.dengview{
					display: flex;
					flex-direction: row;
					align-items: center;
					margin-top: 10rpx;
					.idnum{
						font-family: Source Han Sans CN;
						font-weight: 400;
						font-size: 24rpx;
						color: #000000;
						display: inline-block;
						margin-right: 13rpx;
					}
					.dengji{
						padding: 5rpx 30rpx;
						background: #FF8004;
						border-radius: 14rpx;
						font-family: Source Han Sans CN;
						font-weight: 400;
						font-size: 20rpx;
						color: #FFFFFF;
					}
				}
			}
		}
		.qian{
			display: flex;
			flex-direction: row;
			align-items: center;
			margin-bottom: 45rpx;
			.qbiao{
				display: inline-block;
				width: 8rpx;
				height: 36rpx;
				background: #FF8004;
				margin-right: 8rpx;

			}
			.qname{
				font-family: Source Han Sans CN;
				font-weight: bold;
				font-size: 30rpx;
				color: #000000;
			}
		}
		.uone{
			display: flex;
			flex-direction: column;
			// margin-bottom: 40rpx;
			.uhead{
				display: flex;
				flex-direction: row;
				align-items: center;

			}
			.usdt{
				width: 46rpx;
				height: 46rpx;
				margin-right: 12rpx;
			}
			.uname{
				font-family: Source Han Sans CN;
				font-weight: 400;
				font-size: 24rpx;
				color: #000000;
			}
		}
		
		.ushuru{
			padding: 35rpx 0rpx;
			display: flex;
			align-items: center;
			flex-direction: row;
			border-bottom: 1rpx solid #eee;
			.lval{
				// width: 150rpx;
				font-family: PingFang SC;
				font-weight: 400;
				font-size: 28rpx;
				color: #333333;
				display: inline-block;
				margin-right: 20rpx;
			}
			
			.ml{
				margin-left: auto;
			}
			/deep/.u-input__input{
				font-weight: 400;
				font-size: 28rpx;
				color: #000000;
				min-height: 20px !important;
			}
			.xingview{
				margin-left: auto;
				display: flex;
				flex-direction: row;
				align-items: center;
				.xitem{
					display: flex;
					flex-direction: row;
					align-items: center;
					margin-left: 70rpx;
					.sexs{
						width: 30rpx;
						height: 30rpx;
						margin-right: 8rpx;
					}
					text{
						font-family: PingFang SC;
						font-weight: 400;
						font-size: 30rpx;
						color: #111111;
					}
				}
			}
			.xuantit{
				color: #c0c4cc;
			}
			.xactive{
				font-weight: 400;
				font-size: 28rpx;
				color: #000000;
			}
			.xia{
				margin-left: auto;
				width: 16rpx;
				height: 10rpx;
			}
			.quanbu{
				margin-left: 10rpx;
				display: flex;
				flex-direction: row;
				align-items: center;
				font-family: Source Han Sans CN;
				font-weight: 400;
				font-size: 28rpx;
				color: #010101;
			}
			.huoqu{
				padding: 8rpx 28rpx;
				margin-left: 30rpx;
				background: rgba(255, 128, 4, 1);
				border-radius: 50rpx;
				font-family: Source Han Sans CN;
				font-weight: 400;
				font-size: 28rpx;
				color: #FFFFFF;
			}
		}
		.uone:last-child .ushuru{
			border-bottom: none;
		}
		.ricons{
			margin-left: 20rpx;
			width: 24rpx;
			height: 24rpx;
		}
		.keyong{
			display: block;
			text-align: right;
			font-family: Source Han Sans CN;
			font-weight: 400;
			font-size: 22rpx;
			color: #010101;
			margin-bottom: 75rpx;
		}
		
		.sbotview{
			margin: 100rpx 0;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			.shoufei{
				font-family: Source Han Sans CN;
				font-weight: 400;
				font-size: 22rpx;
				color: #010101;
				display: block;
				margin-bottom: 15rpx;


			}
			.btn{
				width: 100%;
				height: 88rpx;
				background: #496EE7;
				color: #fff;
				border: 1rpx solid #496EE7;
				border-radius: 40rpx;
				display: flex;
				align-items: center;
				justify-content: center;
				font-family: Source Han Sans CN;
				font-weight: 500;
				font-size: 30rpx;
				color: #FFFFFF;
			}
		}
		// padding-bottom: 150rpx;
	}

	.yhupopview{
		/deep/.u-mode-center-box{
			background-color: transparent;
		}
		.yhpop{
			border-radius: 24rpx;
			padding: 40rpx;
			background-color: #fff;
			.yhtit{
				display: block;
				text-align: center;
				font-family: PingFang SC;
				font-weight: bold;
				font-size: 32rpx;
				color: #333333;
				margin-bottom: 45rpx;
			}
			.pinput{
				background: #F5F5F5;
				border-radius: 10rpx;
				padding:10rpx 20rpx;
				margin-bottom: 20rpx;
				display: flex;
				flex-direction: row;
				align-items: center;
			}
			.huoqu{
				margin-left: 20rpx;
				font-family: PingFang SC;
				font-weight: 500;
				font-size: 28rpx;
				color: #496EE7;
			}
			.quxiaoview{
				display: flex;
				flex-direction: row;
				margin-top: 40rpx;
				justify-content: space-between;
				width: 100%;
				.popquview{
					height: 68rpx;
					border-radius: 35rpx;
					border: 1rpx solid #111111;
					display: flex;
					align-items: center;
					justify-content: center;
					width: 48%;
				}
				.quebtn{
					background: linear-gradient(-82deg, #4BB6F0, #1D8DFD);
					color: #fff;
					border: none;
				}
			}
		}
	}
	.xuantit{
		color: #c0c4cc;
		flex: 1;
		text-align: right;
	}
	.xuanactive{
		color: #333 !important;
	}
	.tuichu{
		margin: 40rpx 30rpx;
		height: 88rpx;
		border-radius: 20rpx;
		border: 1px solid #999999;
		display: flex;
		align-items: center;
		justify-content: center;
		font-family: PingFang SC;
		font-weight: 500;
		font-size: 28rpx;
		color: #666666;
	}
</style>
